<template>
  <div class="classify_list">
       <div class="div1">
           <span>
               <van-icon name="arrow-left" />
           </span>
           <p>机构列表</p>
       </div>
       <div class="div2">
           <div>
               <img src="../assets/down.png" alt="">
           </div>
           <div class="div2_1">
               <span class="span1">南方医科大学附属第三医院</span>
                &nbsp;
                <span class="span2">1000人预约</span>
                &nbsp;
                &nbsp;
                &nbsp;
                &nbsp;
                <span>距离4.5km</span>
           </div>

       </div>
       <div class="div2">
           <div>
               <img src="../assets/down.png" alt="">
           </div>
           <div class="div2_1">
               <span class="span1">南方医科大学附属第三医院</span>
                &nbsp;
                <span class="span2">1000人预约</span>
                &nbsp;
                <span>距离4.5km</span>
           </div>
       </div>
       <div class="div2">
           <div>
               <img src="../assets/down.png" alt="">
           </div>
           <div class="div2_1">
               <span class="span1">南方医科大学附属第三医院</span>
                &nbsp;
                <span class="span2">1000人预约</span>
                &nbsp;
                <span>距离4.5km</span>
           </div>

       </div>
       <div class="div2">
           <div>
               <img src="../assets/down.png" alt="">
           </div>
           <div class="div2_1">
               <span class="span1">南方医科大学附属第三医院</span>
                &nbsp;
                <span class="span2">1000人预约</span>
                &nbsp;
                <span>距离4.5km</span>
           </div>
       </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang='scss'>
.classify_list{
    width: 100%;
    height: 600px;
    .div1{
        width: 100%;
        height: 5%;
        display: flex;
        align-items: center;
        // justify-content: center;
        // background-color: lawngreen;
        span{
            margin-left: 2%;
        }
        p{
            margin-left: 30%;
        }
    }
    .div2{
        width: 100%;
        height: 20%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        // background-color: lemonchiffon;
        img{
            width: 100px;
            height: 100px;
            margin-left: 3%;
        }
        .div2_1{
            margin-left: 1%;
            .span1{
                white-space: nowrap;
                word-break: break-all;
                display: block;
                width: 200px;
            }
            
        }
    }
}

</style>